<!doctype html>
<html lang="en">
<head>
	<title>个人中心</title>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection"content="telephone=no, email=no" />
    <link rel="stylesheet" type="text/css" href="css/ui.css"/>
    <script src="js/jquery.min.js"></script>
    <script src="js/SysBase.js"></script>
    <script type="text/javascript">
        $(function(){
            
            $('#cash-form').submit(function(){
                var cashOut = $(this).find('#txtMoney').val();
                var validate=true;
                if(!cashOut){

                    validate=false;
                }

               if(/^([+-]?)((\d{1,3}(,\d{3})*)|(\d+))(\.\d{2})?$/.test(cashOut)==false){
                    validate=false;
               }
                if(validate==false){
                    Sys.Form.showError( $(this).find('#txtMoney'), "请输入正确金额");
                    return false;
                }
            });

            //  银行卡
            var _name = $('#p3-name'),
                _mask = $('#p3-mask'),
                _list = $('#p3-list');

            _name.on('click',function(){
                $(_list).slideDown();
                return false;
            })
            _list.find('.p3-my-form-card').on('click',function(){
                _mask.show().find('em').text($(this).find('span').text());
                _mask.find('strong').text( $(this).find('small').text());
                return false;
            })

            _mask.find('.p3-btn-blue').on('click',function(){
                _name.find('span').text(_mask.find('em').text());
                _name.find('small').text(_mask.find('strong').text());

                _mask.hide();
                _list.slideUp();

                return false;
            })

            _mask.find('.p3-btn-yellow').on('click',function(){
                _mask.hide();

                return false;
            })

        });
    </script>

    <style type="text/css">

        .p3-my-form-error{
            border-top: 1px solid #f00 !important;
            border-bottom: 1px solid #f00 !important;
            background: rgba(255,105,1,.3) !important;
            -webkit-transition:all .3s;
        }
        .p3-my-form-error input{
            background: transparent !important;
            -webkit-transition:all .3s;
        }
        #p3-list ,
        .p3-mask{
            display: none;
        }
        #p3-list{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            box-sizing: border-box;
            overflow-y: scroll;
            padding: 44px 0 10px 0;
            background: #fff;
        }

    </style>
</head>
<body class="white">
	
	<!--header-->
	<header class="header">
		<!--左边icon-->
    	<div class="header-left">
        	<a class="header-back" href="admin.html" target="_self"></a>
        </div>
        <!--可以使用h1或者其余的tag .header-title-->
      	<h1>提现</h1>
    </header>
    
    <!--main-->
    <div id="main-nf">
    	
        <span class="p3-alert-error">请输入正确金额...</span>

    	<div class="p3-my-form p3-my-cash">
    		<form action="" id="cash-form">
        		<div class="p3-my-form-item p3-my-form-icon">
        			<label>提现账户</label>
        			<a href="javascript:void(0)" id="p3-name">
        				<span>中国工商银行</span>
        				<small>党信 尾号6906</small>
        			</a>
        		</div>
        		
        		<div class="p3-my-form-item">
        			<label>金额</label>
        			<input id="txtMoney" type="text" class="ipt-cash-out" placeholder="本次最多转出123.45元"  />
        		</div>
        		
        		<div class="p3-my-form-footer p3-my-form-mt10">
        			<i></i><span>提现到帐时间为3个工作日</span>
        		</div>
        		<div class="p3-my-form-footer">
        			<i></i><span>金额低于1元时不可提现，请努力赚钱</span>
        		</div>
        		
                <div class="p3-my-form-input">
                    <input type="submit" class="p3-btn p3-btn-yellow" value="立即提现" />
                </div>
            </form>
                		    		
    	</div>
    	
        <!-- 列表 -->
        <div class="p3-my-form" id="p3-list">
            
            <div class="p3-my-form-card p3-my-form-icon">
                <a href="javascript:void(0);">
                    <span>中国工商银行1</span>
                    <small>党信 尾号6906</small>
                </a>
            </div>
            
            <div class="p3-my-form-card p3-my-form-icon">
                <a href="javascript:void(0);">
                    <span>中国工商银行2</span>
                    <small>党信 尾号6906</small>
                </a>
            </div>
            
            <div class="p3-my-form-card p3-my-form-icon">
                <a href="javascript:void(0);">
                    <span>中国工商银行3</span>
                    <small>党信 尾号6906</small>
                </a>
            </div>
            
            <div class="p3-my-form-card p3-my-form-icon">
                <a href="javascript:void(0);">
                    <span>中国工商银行4</span>
                    <small>党信 尾号6906</small>
                </a>
            </div>
            
            
            
        </div>

    </div>
    
    <div class="p3-mask" id="p3-mask">
        <div class="p3-dialog">
            <span><em>中国工商银行</em> <strong>党信 尾号6609</strong></span>
            <div class="p3-input-group">
                <input type="submit" class="p3-btn p3-btn-blue" value="提现到该账户" />
                <a href="javascript:void(0);" class="p3-btn p3-btn-yellow">修改账户</a>
            </div>
        </div>
    </div>

</body>
</html>